import Vue from 'vue'
import VueRouter from 'vue-router'
import AddFirstLevel from '../components/level/FirstLevel';
import TreeViewDetail from '../components/multilevel_menu/TreeDetail';
import Setting from '../components/views/setting/setting';
import FirstLevel from '../components/views/setting/FirstLevel';
import SecondLevel from '../components/views/setting/SecondLevel';

Vue.use(VueRouter);

export default new VueRouter({
    linkActiveClass: 'selected',
    routes: [
        {
            path: '/setting',
            name: 'quickstart',
            component: Setting,
            children: [
                {
                    path: '/setting/',
                    component: FirstLevel
                },
                {
                    path: '/setting/second/:id',
                    component: SecondLevel
                }
            ]
        },
        {
            path: '/detail',
            name: 'quickstart',
            component: TreeViewDetail,
        }
    ]
})
